<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title><?php echo ($this->title . "ArtDepot - Chinese Contemporary Art On-line Gallery"); ?></title>
<link href="/style/main.css" rel="stylesheet" type="text/css" />
<link href="/style/ui-darkness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript" src="/js/jquery-1.4.min.js" ></script>
<script language="javascript" type="text/javascript" src="/js/jquery-ui-1.8.2.custom.min.js" ></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-17900072-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>
<div id="header" class="w920">
	<h1><a href="/" title="artdepot">ArtDepot<img width="145" height="60" title="artdepot" alt="artdepot" src="/images/logo.jpg" /></a></h1>
	<div class="nav">
		<ul>
			<li><a href="/" title="HOME">HOME</a></li>
			<li onmouseover="document.getElementById('work').style.display='block'" onmouseout="document.getElementById('work').style.display='none'"><a href="/artwork" title="WORK OF ART">WORKS OF ART</a>
				<div id="work" class="menufd" style="display:none;">
					<dl>
						<dd><a href="/artwork">Works list</a></dd>
						<dd><a href="/artwork?catId=1">Painting</a></dd>
						<dd><a href="/artwork?catId=6">Drawing-water color</a></dd>
						<dd><a href="/artwork?catId=2">Print</a></dd>
						<dd><a href="/artwork?catId=5">Photography</a></dd>
						<dd><a href="/artwork?catId=4">Sculpture-installation</a></dd>
						<dd><a href="/artwork?catId=7">Multimedia</a></dd>
						<dd><a href="/artwork?catId=8">Ceramics</a></dd>
					</dl>
				</div>
			</li>
			<li onmouseover="document.getElementById('artists').style.display='block'" onmouseout="document.getElementById('artists').style.display='none'"><a href="/artists" title=">ARTISTS">ARTISTS</a>
				<div id="artists" class="menufd" style="display:none;">
					<dl>
						<dd><a href="/artists">Artists list</a></dd>
						<dd><a href="/artists/list-interview">Artists Interviews</a></dd>
						<dd><a href="/news">News</a></dd>
						<dd><a href="/critics">Art Critics Say</a></dd>
					</dl>
				</div>
			</li>
			<li onmouseover="document.getElementById('online').style.display='block'" onmouseout="document.getElementById('online').style.display='none'"><a href="/exhibition" title="ON-LINE EXHIBITION">ON-LINE EXHIBITION</a>
				<div id="online" class="menufd" style="display:none;">
					<dl>
						<dd><a href="/exhibition/">Current exhibition</a></dd>
						<dd><a href="/exhibition/past">Past exhibitions</a></dd>
						<dd><a href="/news/show?id=5">Upcoming exhibition</a></dd>
					</dl>
				</div>
			</li>
			<li onmouseover="document.getElementById('account').style.display='block'" onmouseout="document.getElementById('account').style.display='none'"><a href="/account" title="MY ACCOUNT">MY ACCOUNT</a>
				<div id="account" class="menufd" style="display:none;">
					<dl>
						<dd><a href="/account">My profile</a></dd>
						<dd><a href="/account/browsed-pages">Browsed history</a></dd>
						<dd><a href="/account/my-orders/">My orders</a></dd>
						<dd><a href="/account/favorite">My favorite</a></dd>
						<!-- <dd><a href="#">My activities</a></dd> -->
					</dl>
				</div>
			</li>
			<li onmouseover="document.getElementById('menufd').style.display='block'" onmouseout="document.getElementById('menufd').style.display='none'"><a href="javascript:void(0);" title="ABOUT US">ABOUT US</a>
				<div id="menufd" class="menufd" style="display:none;">
					<dl>
						<dd><a href="/news/show?id=1">What is Artdepot</a></dd>
						<dd><a href="/news/show?id=2">Service</a></dd>
						<dd><a href="/news/show?id=3">Contact us</a></dd>
					</dl>
				</div>
			</li>
			<li ><a href="/news/show?id=6">FAQ`s</a>
			</li>

		</ul>
	</div>
	<div class="login">
		<?php if ($this->currentUser) {?>
		<ul>
			<li><a href="/account" title="My Account">Hi, <?=$this->currentUser->name?></a></li>
			<li><a href="/index/logout" title="Logout">Sign out</a></li>
		</ul>
		<?php } else {?>
		<ul>
			<li><a href="javascript:openLoginDialog();" title="Sign in here">Sign in here</a></li>
			<li><a href="javascript:openSignupDialog();" title="Free express sign up">Sign up</a></li>
		</ul>
		<?php }?>
	</div>
</div>

<?php echo $this->layout()->content;?>

<div id="footer" class="w920">
	<h2>FRIENDLY LINK</h2>
	<ul>
		<?php foreach($this->friendLinks as $link){?>
		<li><a href="<?php echo $link->url;?>" target="_blank"><img src="/images/friendlink/<?php echo $link->image;?>" alt="<?php echo $link->name;?>" /></a></li>
		<?php }?>
	</ul>
</div>

<div id="loginDialog" style="display:none;" title="Sign in">
	<form id="loginForm" action="/index/login" method="post">
	<table cellspacing="5" border="0">
		<tr>
			<td width="100" style="padding:5px;"><b>Email:</b></td>
			<td><input type="text" name="email" style="height:20px;" /></td>
		</tr>
		<tr>
			<td style="padding:5px;"><b>Password:</b></td>
			<td><input type="password" name="passwd" style="height:20px;" /></td>
		</tr>
	</table>
	</form>
</div>

<div id="signupDialog" style="display:none;" title="Sign up - Only one step, very easy!">
	<form id="signupForm" action="/index/register" method="post">
	<table cellspacing="5" border="0">
		<tr>
			<td width="130" style="padding:5px;"><b>Email:</b></td>
			<td><input type="text" name="email" style="height:20px;" /></td>
		</tr>
		<tr>
			<td style="padding:5px;"><b>Full Name:</b></td>
			<td><input type="text" name="name" style="height:20px;" /></td>
		</tr>
		<tr>
			<td style="padding:5px;"><b>Password:</b></td>
			<td><input type="password" name="passwd" style="height:20px;" /></td>
		</tr>
		<tr>
			<td style="padding:5px;"><b>Confirm Password:</b></td>
			<td><input type="password" name="passwd2" style="height:20px;" /></td>
		</tr>
	</table>
	</form>
</div>

<script>
function openLoginDialog() {
	$("#loginDialog").dialog('open');
}
function openSignupDialog() {
	$("#signupDialog").dialog('open');
}

$(document).ready(function(){				
	$("#loginDialog").dialog({
		autoOpen: false,
		modal: true,
		resizable:false,
		closeOnEscape:false,
		closeText:'Close',
		draggable: true,
		width:300,
		buttons : {
			'Sign In' : function(){
				$('#loginForm').trigger('submit');
			}
		}
	});
	$("#signupDialog").dialog({
		autoOpen: false,
		modal: true,
		resizable:false,
		closeOnEscape:false,
		closeText:'Close',
		draggable: true,
		width:360,
		buttons : {
			'Sign up' : function(){
				$('#signupForm').trigger('submit');
			}
		}
	});
});
</script>

</body>
</html>
